
.running{
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
  color: #fff;
  .first{
      flex: 3;
      text-align: center;
      padding: 20px;
      span{
          font-size: 30px;
          font-weight: bold;
      }
      p{
        margin-bottom: 20px;
        font-size: 40px;
      }
  }

  .second{
      flex: 2;
      display: flex;
      justify-content: space-evenly;
      line-height: 30px;
      font-size: 28px;
      i{
          font-size: 20px;
      }
  }

  .third{
      flex: 2;
      display: flex;
      justify-content: space-evenly;
      
      &>div{
          width: 100px;
          height: 100px;
          border-radius: 50%;
          background-color: seagreen;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }
      .pausebtn{
          background-color: #fff;
          color: deepskyblue
      }

      .continuebtn{
          display: none;
      }
      .stopbtn{
          background-color: steelblue;
          display: none;
      }

      i{
          font-size: 20px;
          margin-bottom: 10px;
      }
  }
}